/*
@ 澜庭集改版样式
@ 澜庭集传媒部
@ 2018-03-03
*/
/*rest*/
html, body, div, span, h1, h2, h3, h4, h5,
h6, p, a, em, img, small, strong, b, i, dl,
dt, dd, ol, ul, li, fieldset, form, label,
legend, table, tbody, tfoot, thead, tr, th,
td, article, aside,footer, header,nav,section,
audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
html,body { height: 100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
a,a:hover { text-decoration: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body,button,input,select,textarea,a {
  color: #666;
  font: 14px/1.5 微软雅黑, "microsoft yahei","\5FAE\8F6F\96C5\9ED1",tahoma,arial;
}
h1 {
  font-size: 34px;
  font-weight: 700;
}
h2 {
  font-size: 26px;
  font-weight: 400;
}
h3 {
  font-size: 20px;
  font-weight: 400;
}
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.carousel-control.right { background-image: none;}
.carousel-control.left { background-image: none;}
/*rest*/

/*top css*/
.header-top {
	height: 40px;
	background-color: #000;
	color: #fff;
	line-height: 40px;
}
.share { text-align: right; }
.share li:hover { cursor: pointer; }
.share i { font-size: 24px; line-height: 1.8; }
.share a { color: #fff; }
.share-weixin {
    position: fixed;
    top: 10%;
    right: 10%;
    z-index: 99999;
    border: 8px solid #7F7F7F;
    border-radius: 8px;
    width: 230px;
}
.share-weixin>div 
{
    display: flex;
    justify-content: space-between;
    padding: 0 8px; 
    border-bottom: 1px solid #e8e8e8;  
    background-color: #f2f2f2; 
    color: #666;
    align-items: center;
    line-height: 1.4;
}
.fa-close { color:#666;}
.share li>a { transition: color .3s linear; }
.weixin a:hover { color: #51c332; }
.weibo a:hover { color: #E6162D; }
.qq a:hover { color: #3083ff; }

nav { padding: 10px; height: 103px; background-color: #fff; }
.navbar-default { background-color: #fff;border: 0; }
.logo { padding: 0 10px; display: block; }
.logo img { height: 50px; }
.mainnav {
    background: url(../images/bg_mainnav.png) repeat;
    position: absolute;
    width: 100%;
    top: 74px;
    z-index: 58;
    font-size: 1.6em;
}
.mainnav li { margin-bottom: 2px; }
.mainnav .dropdown-menu li a {
	color: #333;
	line-height: 30px;
	display: block;
}
/*top css*/

/*lunbao*/
/*.indexbanner { margin-bottom: 50px; }*/
/*lunbo*/

/*part*/
.HomContian{
	width: 1460px;
	margin: 0 auto;
	max-width: 96%;
	padding-top: 3%;
}
.HomContian .HomTitle{
	padding: 22px 0;
	position: relative;
}
/*
.HomContian .HomTitle .more{
	display: block;
	width:92px;
	height: 28px;
	background: url(../images/btn_hommore.png) no-repeat;
	position: absolute;
	top: 32px;
	right: 0;
}
.HomContian .HomTitle .more:hover{
	background: url(../images/btn_hommoreon.png) no-repeat;
}
*/

.HomVideo { padding-right: 50px; }
.HomVideoBox{ position: relative; }
.HomVideoBox ul{ padding: 0; }
.HomVideoBox li{ position: relative; }
.HomVideoBox li img{ width: 100%; }
.HomVideoBox li .ico{
	position: absolute;
	left: 43%;
	top: 38%;
	z-index: 2;
	width: 14%;
}
.HomVideoBox .bx-prev,.HomVideoBox .bx-next{
	display: block;
	width:30px;
	height: 30px;
	position: absolute;
	top: -48px;
}
.HomVideoBox .bx-prev{
	right: 38px;
	background: url(../images/btn_prev2.png) no-repeat;
	background-size: 100% 100%;
}
.HomVideoBox .bx-next{
	right:0;
	background: url(../images/btn_next2.png) no-repeat;
	background-size: 100% 100%;
}
.HomVideoBox .bx-prev:hover{
	background: url(../images/btn_prev2on.png) no-repeat;
	background-size: 100% 100%;
}
.HomVideoBox .bx-next:hover{ 
	background: url(../images/btn_next2on.png) no-repeat;
	background-size: 100% 100%;
}
.HomVideoBox dl dd{
	padding:10px;
	border-bottom: 1px solid #e5dac0;
}
.HomVideoBox dl a{
	display: block;
	width: 100%;
	line-height: 30px;
	font-size: 16px;
}
.HomVideoBox dl a:hover{color: #a88e52}

.HomNews dl{margin-bottom: 2%;}
.HomNews dl a{
	border: 1px solid transparent;
	display: block;
	padding: 2.8% 0;
}
.HomNews dt{
	text-align: center;
	font-family:arial;
	width: 87px;
	float: left;
	border-right: 1px solid #aaa89f;
}
.HomNews dt span{
	line-height: 1em;
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.HomNews dt b{
	line-height: 19px;
	margin-top: 7px;
	display: block;
	font-size: 24px;
}
.HomNews dd{
	margin-left: 110px;
	padding-right: 2%;
}
.HomNews dd .h4{
	font-size: 14px;
	color: #666;
	line-height: 23px;
	margin-top: -4px;
	height: 46px;
	overflow: hidden;
}
.HomNews .HomNewsBoxList a:hover{
	background-color: #faf6e9;
	border: 1px solid #e5dac0;
}
.HomNews a:hover dt span,
.HomNews a:hover dt b,
.HomNews a:hover dd .h4{color: #a88e52;}

.HomNews .HomNewsTop
{
    border: 2px solid #a88e52;
	padding: 3%;
	margin-bottom: 21px;
}
.HomNews .HomNewsTop a{
	border: 0px;
	padding: 0;
}
.HomNews .HomNewsTop a:hover{ background-color: transparent; }
.HomNews .HomNewsTop dt{  width: 37%; border:0;}
.HomNews .HomNewsTop dt img{ width: 100%; }
.HomNews .HomNewsTop dd{
	float: left;
	width: 63%;
	padding-left: 5%;
	margin-left: 0;
}
.HomNews .HomNewsTop dd .h3{
	font-size: 18px;
	color: #a88e52;
	font-weight: bold;
	margin-top: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.HomNews .HomNewsTop dd .p{
	font-size: 14px;
	color: #a88e52;
	margin-bottom: 5%;
	line-height: 23px;
	height: 46px;
	overflow: hidden;
}
.HomNews .HomNewsTop dd .time{
	font-size: 14px;
	color: #a88e52;
}


.part2 {
	position: relative;
	padding-top:50px;
	padding-bottom:50px;
}
.intro { order-bottom: 1px solid #d2d2d2; }
.intro .col-sm-12 { top: -132px; position: relative; }
.info h2 { padding-bottom: 40px; }
.info p {
	text-indent: 2em;
	line-height: 2;
	font-size: 16px;
}
.info-btn { padding-right:1em;}
.info-btn a.btn {
	display: block;
	padding: 10px 60px;
	background-color: #000;
	color: #fff;
	margin: 60px auto 20px;
	float: right;
	transition:all .3s;
	border:1px solid #000;
}
.info-btn a.btn:hover { color: #000; background-color:#fff;}

.part3 li { overflow: hidden; }
.part3 .list-pic { position: relative; }
.part3 .rsp {
	background-color: #000;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.list-info {
	color: #fff;
	left: -300px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}
.part3 { margin-bottom: 20px; }

.part4 {
	height: 460px;
	background: url(../images/part4.jpg) top center no-repeat;
	color: #fff;
}
.part4-info {
	display: inline-block;
	width: 600px;
	padding: 100px 0 40px;
	text-align: center;
}
.part4-info h2 {
	font-size: 30px;
	margin-bottom: 20px;
}
.part4-info p {
	line-height: 2;
	margin-bottom: 40px;
}
.part4-btn-pt { text-align: center; }
.part4-btn-pt em {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	width: 56px;
	height: 56px;
}
.part4-btn-pt em.taobao {
	background: url(../images/tmall.png) no-repeat;
}
.part4-btn-pt em.jd {
	background: url(../images/jd.png) no-repeat;
}
.part4-btn-btn a.btn {
	padding: 10px 60px;
	background-color: #000;
	color: #fff;
	margin: 40px auto 20px;
}

.part5 { text-align: center; padding: 60px 0; }
.part5-title {
	display: inline-block;
	margin-bottom: 40px;
}
.part5-title h2 {
	padding: 0 50px;
	position: relative;
}
.part5-title h2:before {
	content: '';
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: -140px;
    top: 70%;
    width: 140px;
    height: 1px;
    background: linear-gradient(to left, #ccc , rgba(255, 255, 255, 0));
}
.part5-title h2:after {
	content: '';
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: -140px;
    top: 70%;
    width: 140px;
    height: 1px;
    background: linear-gradient(to right, #ccc , rgba(255, 255, 255, 0));
}
.part5-title h3 { color: #898989; }
.part5-pic li {
	padding: 10px 5px;
	box-sizing: border-box;
}
.part5-pic li img {
	border: 1px solid #ccc;
	width: 160px;
	height: 63px;
}
.li1-info h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 0 30px 15px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #fff;
}
.li1-menu a {
	display: block;
	color: #878787;
}
.li1-menu a:hover { color: #fff; }
/*part*/

/*footer*/
.footer1 {
	background-color: #282828;
	color: #fff;
	padding: 50px 0 5px;
}
.footer1 ul li { display: table-cell; }
.footer1 .li1 {
	height: 200px;
	padding-right: 20px;
}
.li2-info .left { float: left; margin-right: 10px;}
.img-responsive p { text-align: center; }
.part5-about { line-height: 1.8; }
.part5-about i { margin-right: 5px; }
.flink { margin-top: 15px; }
.flink a { margin-left: 15px; }
.flink a:hover { color: #fff; }

.footer2 {
	background-color: #000;
	color: #898989;
}
/*footer*/

/*QQ客服*/
.lanren{ position:absolute; right:0; top:150px;z-index: 99;}
.lanren .slide_min{ width:28px; height:112px; background:url(../images/slide_min.jpg) no-repeat; cursor:pointer;}
.lanren .slide_box{ width:154px; height:auto; overflow:hidden; background:url(../images/slide_box_bg.jpg) repeat-y; font-size:12px; text-align:center; line-height:130%; color:#666; border-bottom:2px solid #76A20D;}
.lanren .slide_box h2{margin: 0;}
.lanren .slide_box .weixin{ margin-bottom:5px;}
.lanren .slide_box img{ cursor:pointer;}
.lanren .slide_box p{ text-align:center; padding:5px; margin:5px;border-bottom:1px solid #ddd;}
.lanren .slide_box p a{display: inline-block;margin-bottom: 10px;}
.lanren .slide_box span{ padding:5px 10px; display:block;}
.lanren .slide_box span a{ color:#76A20C;}

/*responsive*/
@media (min-width: 1200px) {
	.container { width: 1230px; }
	.mainnav li { position: static; padding: 0 26px; }
	.footer2 { line-height: 40px; }
}
@media (max-width: 1200px) {
	.nav li { padding: 0 22px; }
}
@media (max-width: 1100px) {
	.nav li { padding: 0 30px; }
}
@media (max-width: 992px) {
	.nav li { padding: 0 10px; }
}
@media (max-width: 768px) {
	.nav li { padding: 0 5px; }
}
@media (max-width: 640px) 
{
    .navbar-default .navbar-nav>li>a { font-size: 16px; color: #363636; }
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color: #6A3906 }
	.nav li { padding: 0 3px; }
	.navbar-nav .open .dropdown-menu a { font-size: 12px; text-indent: 3em; }
}
@media screen and (min-width:1024px ) {
	.TopWarp {
	    width: 1200px;
	    max-width: 100%;
	    margin: 0 auto;
	    position: relative;
	}
	.logo img { height: 75px; }
	.mainnav {
		padding: 0;
	    background: none;
	    position: relative;
	    top: 0;
	    float: left;
	    padding-right: 86px;
	    margin-top: 28px;
	    width: 80%;
	}
	.mainnav li { position: static; padding: 0 15px; }
	.mainnav li a { padding: 0; font-size: 16px; }
	.BgNav{
		width: 100%;
		height: 44px;
		background: url(../images/bg_mainnav.png) repeat;
		position: absolute;
		top:100px;
		left: 0;
		display: none;z-index: 57;
	}
	.dropdown .dropdown-menu {
		background-color: transparent;
	    border: 0px;
	    box-shadow: none;
	    padding: 41px 0 0 0;
	    width: 100%;
	    top: 19px;
	}
	.dropdown .dropdown-menu li {
		background: url(../images/ico_mainnav.png) no-repeat left center;
		padding: 0 0 0 15px;
		margin: 0 25px;
		float: left;
		line-height: 25px;
	}
	.mainnav .dropdown-menu li a { line-height: 44px; }
	.mainnav .downmenu1 { margin-left: -180px; }
	.mainnav .downmenu2 { padding-left: 112px; }
	.mainnav .downmenu3 { padding-left: 204px; }
	.mainnav .downmenu4 { padding-left: 285px; }
	.mainnav .downmenu5 { padding-left: 300px; }
	.mainnav .downmenu6 { padding-left: 552px; }
	.mainnav .downmenu7 { padding-left: 552px; }
}
/*responsive*/